<!DOCTYPE html>
<html lang="en">
<!-- 个护美妆 -->

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人化妆、清洁用品_大商创商城系统 B2B2C 多商户系统 多店铺商城系统 企业级电商系统</title>
</head>
<!-- ico图标的引入 -->
<link rel="icon" href="../commonImg/favicon.ico">
<!-- 引入的css -->
<link rel="stylesheet" href="../css/init.css">
<link rel="stylesheet" href="../css/commonCss.css">
<link rel="stylesheet" href="../css/Beauty.css">
<!-- 引入的jQuery版本 -->
<script src="../js/jquery-3.6.0.js"></script>
<script src="../js/commonJs.js"></script>
<script src="../js/shopData.js"></script>

<body>

    <!-- 头begin -->
    <!--头部信息 begin-->
    <div class="myHeader">

        <div class="header">
            <div class="header_con" style="width: 100%; height: 31px; background-color: #eee; z-index: 12; position: relative;">
                <!--      地区注册 导航等....-->
                <div class="site-nav" style="width: 1390px; margin:0 auto;">
                    <div class="fl ml10">
                        <div class="city-choice" style="position: relative;">
                            <!--  地图-->
                            <div class="dsc-choie dsc-cm">
                                <i class="iconfont">&#xe634;</i>
                                <span class="ui-areamini-text fz12">郑州市</span>
                            </div>
                            <!-- 地图整体内容-->
                            <div class="dorpdown-layer" style="left: 0px;">
                                <div class="ui-areamini-content-wrap fz12">
                                    <!-- 热门城市 -->
                                    <div class="hot">
                                        <a href="javascript:void(0);">苏州市</a>
                                        <a href="javascript:void(0);">北京市</a>
                                        <a href="javascript:void(0);">天津市</a>
                                        <a href="javascript:void(0);">上海市</a>
                                    </div>
                                    <!-- 字母导航 -->
                                    <div class="search-first-letter">
                                    </div>
                                    <!-- 具体城市 -->
                                    <div class="scrollBody">
                                        <!-- 所有城市的列表 -->
                                        <div class="all-list">
                                            <ul>

                                            </ul>
                                        </div>
                                        <!-- 滚动 -->
                                        <div class="scrollBar">
                                            <div class="city_bar"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 登录注册 -->
                        <div class="txt-info fz12">
                            <a href="./login.html" class="link-login red">请登录</a>
                            <a href="./register.html" class="link-regist">免费注册</a>
                        </div>
                    </div>
                    <!-- 右边的导航 -->
                    <ul class="quick-menu fr fz12">
                        <li>
                            <div class="dt">
                                <a href="javascript:void(0)">我的订单</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="javascript:void(0)">我的浏览</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="./collect.html">我的收藏</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt">
                                <a href="javascript:void(0)">客户服务</a>
                            </div>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <div class="dt dsc-cm">
                                网站导航
                                <i class="iconfont icon-down">&#xe600;</i>
                            </div>
                            <div class="dd dorpdown-layer">
                                <dl class="fore1">
                                    <dt>特色主题</dt>
                                    <dd>
                                        <div class="item">
                                            <a href="javascript:void(0);"></a>
                                        </div>
                                        <div class="item">
                                            <a href="javascript:void(0);">男装女装</a>
                                        </div>
                                        <div class="item">
                                            <a href="javascript:void(0);">鞋靴箱包</a>
                                        </div>
                                    </dd>
                                </dl>
                                <dl class="fore2">
                                    <dt>促销活动</dt>
                                    <dd>
                                        <div class="item"><a href="javascript:void(0);">拍卖活动</a></div>
                                        <div class="item"><a href="javascript:void(0);">共创商品</a></div>
                                        <div class="item"><a href="javascript:void(0);">积分商城</a></div>
                                        <div class="item"><a href="javascript:void(0);">CMS频道</a></div>
                                        <div class="item"><a href="javascript:void(0);">优惠活动</a></div>
                                        <div class="item"><a href="javascript:void(0);">超值礼包</a></div>
                                        <div class="item"><a href="javascript:void(0);">优惠券</a></div>
                                        <div class="item"><a href="javascript:void(0);">礼品卡</a></div>
                                        <div class="item"><a href="javascript:void(0);">预售商品</a></div>
                                    </dd>
                                </dl>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="w w1390 clearfix">
                <!--    logo-->
                <div class="logo">
                    <a href="../index.html">
                        <img src="../commonImg/shop_logo.gif" alt="">
                    </a>
                </div>
                <!--    头部内容-->
                <div class="header_con" style="float: right;width: 1140px;">

                    <!-- 搜索框 -->
                    <div class="dsc-search" style=" margin-left: 70px;">
                        <div class="form">
                            <form action="javascript:void(0);" class="search-form">
                                <input type="text" placeholder="周大福" class="search-text">
                                <button class="button button-goods">搜商品</button>
                                <button class="button button-store">搜店铺</button>
                            </form>
                            <ul class="keyword fz12">
                                <li>
                                    <a href="javascript:void(0);">
                                        周大福
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0);">
                                        内衣
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0);">
                                        Five Plus
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0);">
                                        手机
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 购物车小型 -->
                    <div class="shopCart fz12">
                        <div class="shopCart-con dsc-cm">
                            <a href="javscript:void(0);">
                                <i class="iconfont icon-carts">&#xe63f;</i>
                                <span>我的购物车</span>
                                <em class="count cart_num">0</em>
                            </a>
                        </div>
                        <div class="dorpdown-layer" style="right: 20px;">
                            <div class="prompt">
                                <div class="nogoods">
                                    <b></b>
                                    <span>购物车中还没有商品，赶紧选购吧！</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--头部信息 end-->
    </div>
    <!-- 头end -->
    <div class="nav" style="width: 100%; border-bottom: 2px solid #f00; margin-top: 10px;">
        <div class="wrap-nav w1390" style="position: relative; margin: 0 auto; overflow: hidden;">
            <!-- 分类导航.... -->
            <div class="categorys site-mast">
                <!-- 分类导航栏 -->
                <div class="categorys-type">
                    <a href="javascript:void(0);">全部商品分类</a>
                </div>
                <!--二级导航栏 -->
                <div class="categorys-tab-content" id="common-categorys-tab">
                    <div class="categorys-items">
                        <!-- 第一列 -->
                        <div class="categorys-item">
                            <!-- 列表一级 -->
                            <div class="item item-content">
                                <i class="iconfont icon-ele">&#xe602;</i>
                                <div class="categorys-title">
                                    <strong>
                                        <a href="javascript:void(0);">家用电器</a>
                                    </strong>
                                    <span>
                                        <a href="javascript:void(0);">厨房电器</a>
                                        <a href="javascript:void(0);">大家电</a>
                                    </span>
                                </div>

                            </div>
                            <!-- 隐藏的二级导航 -->
                            <div class="categorys-items-layer">
                                <div class="cate-layer-con clearfix">
                                    <!-- 左边 -->
                                    <div class="cate-layer-left fz12">
                                        <div class="cate_channel">
                                            <a href="javascript:void(0);">品牌日</a>
                                            <a href="javascript:void(0);">家电城</a>
                                            <a href="javascript:void(0);">智能生活馆</a>
                                            <a href="javascript:void(0);">京东净化馆</a>
                                            <a href="javascript:void(0);">京东帮服务店</a>
                                            <a href="javascript:void(0);">值得买精选</a>
                                        </div>
                                        <!-- 内容 -->
                                        <div class="cate_detail">
                                            <dl class="dl_fore1">
                                                <dt>
                                                    <a href="javascript:void(0);">厨房电器</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">电饭煲</a>
                                                    <a href="javascript:void(0);">电压力锅</a>
                                                    <a href="javascript:void(0);">豆浆机</a>
                                                    <a href="javascript:void(0);">面包机</a>
                                                    <a href="javascript:void(0);">咖啡机</a>
                                                    <a href="javascript:void(0);">微波炉</a>
                                                    <a href="javascript:void(0);">料理/榨汁机</a>
                                                    <a href="javascript:void(0);">电烤箱</a>
                                                    <a href="javascript:void(0);">电磁炉</a>
                                                </dd>
                                            </dl>
                                            <!-- 第二列 -->
                                            <dl class="dl_fore2">
                                                <dt>
                                                    <a href="javascript:void(0);">大家电</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">平板电视</a>
                                                    <a href="javascript:void(0);">空调</a>
                                                    <a href="javascript:void(0);">冰箱</a>
                                                    <a href="javascript:void(0);">洗衣机</a>
                                                    <a href="javascript:void(0);">家庭影院</a>
                                                    <a href="javascript:void(0);">DVD</a>
                                                    <a href="javascript:void(0);">迷你音响</a>
                                                    <a href="javascript:void(0);">热水器</a>
                                                    <a href="javascript:void(0);">冷吧/冰柜</a>
                                                </dd>
                                            </dl>
                                            <!-- 第三列 -->
                                            <dl class="dl_fore3">
                                                <dt>
                                                    <a href="javascript:void(0);">个护健康</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">按摩椅</a>
                                                    <a href="javascript:void(0);">剃须刀</a>
                                                    <a href="javascript:void(0);">脱毛器</a>
                                                    <a href="javascript:void(0);">口腔护理</a>
                                                    <a href="javascript:void(0);">理发器</a>
                                                    <a href="javascript:void(0);">按摩器</a>
                                                    <a href="javascript:void(0);">足浴盆</a>
                                                </dd>
                                            </dl>
                                            <!-- 第四列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">五金家装</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">电动工具</a>
                                                    <a href="javascript:void(0);">仪表</a>
                                                    <a href="javascript:void(0);">水槽</a>
                                                </dd>
                                            </dl>
                                            <!-- 第五列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">生活电器</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">电风扇</a>
                                                    <a href="javascript:void(0);">冷风扇</a>
                                                    <a href="javascript:void(0);">净化器</a>
                                                    <a href="javascript:void(0);">加湿器</a>
                                                    <a href="javascript:void(0);">扫地机器人</a>
                                                    <a href="javascript:void(0);">吸尘器</a>
                                                    <a href="javascript:void(0);">电话机</a>
                                                    <a href="javascript:void(0);">饮水机</a>
                                                    <a href="javascript:void(0);">取暖电器</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <!-- 右边 -->
                                    <div class="cate-layer-rihgt">
                                        <div class="cate-brand">
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 第二列 -->
                        <div class="categorys-item">
                            <!-- 列表一级 -->
                            <div class="item item-content">
                                <i class="iconfont icon-ele">&#xe6e2;</i>
                                <div class="categorys-title">
                                    <strong>
                                        <a href="javascript:void(0);">男装、女装、内衣</a>
                                    </strong>
                                    <span>
                                        <a href="javascript:void(0);">女装</a>
                                        <a href="javascript:void(0);">男装</a>
                                    </span>
                                </div>

                            </div>
                            <!-- 隐藏的二级导航 -->
                            <div class="categorys-items-layer">
                                <div class="cate-layer-con clearfix">
                                    <!-- 左边 -->
                                    <div class="cate-layer-left fz12">
                                        <div class="cate_channel">
                                            <a href="javascript:void(0);">男装</a>
                                            <a href="javascript:void(0);">女装</a>
                                            <a href="javascript:void(0);">内衣</a>
                                            <a href="javascript:void(0);">国际品牌</a>
                                        </div>
                                        <!-- 内容 -->
                                        <div class="cate_detail">
                                            <dl class="dl_fore1">
                                                <dt>
                                                    <a href="javascript:void(0);">女装</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">连衣裙</a>
                                                    <a href="javascript:void(0);">蕾丝/雪纺衫</a>
                                                    <a href="javascript:void(0);">T恤</a>
                                                    <a href="javascript:void(0);">半身裙</a>
                                                    <a href="javascript:void(0);">休闲裤</a>
                                                    <a href="javascript:void(0);">短裤</a>
                                                    <a href="javascript:void(0);">小西服</a>
                                                    <a href="javascript:void(0);">风衣</a>
                                                </dd>
                                            </dl>
                                            <!-- 第二列 -->
                                            <dl class="dl_fore2">
                                                <dt>
                                                    <a href="javascript:void(0);">男装</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">T恤</a>
                                                    <a href="javascript:void(0);">裤子</a>
                                                    <a href="javascript:void(0);">休闲裤</a>
                                                </dd>
                                            </dl>
                                            <!-- 第三列 -->
                                            <dl class="dl_fore3">
                                                <dt>
                                                    <a href="javascript:void(0);">服饰配件</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">配饰</a>
                                                    <a href="javascript:void(0);">棒球帽</a>
                                                    <a href="javascript:void(0);">遮阳帽</a>
                                                </dd>
                                            </dl>
                                            <!-- 第四列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">五金家装</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">电动工具</a>
                                                    <a href="javascript:void(0);">仪表</a>
                                                    <a href="javascript:void(0);">水槽</a>
                                                </dd>
                                            </dl>
                                            <!-- 第五列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">内衣</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">内衣配件</a>
                                                    <a href="javascript:void(0);">女式内裤</a>
                                                    <a href="javascript:void(0);">连裤袜/丝袜</a>
                                                </dd>
                                            </dl>
                                            <!-- 第六列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">运动户外</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">跑步运动</a>
                                                    <a href="javascript:void(0);">舞蹈运动</a>
                                                    <a href="javascript:void(0);">瑜伽运动</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <!-- 右边 -->
                                    <div class="cate-layer-rihgt">
                                        <div class="cate-brand">
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej21.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej21.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej21.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 第三列 -->
                        <div class="categorys-item">
                            <!-- 列表一级 -->
                            <div class="item item-content">
                                <i class="iconfont icon-ele">&#xe608;</i>
                                <div class="categorys-title">
                                    <strong>
                                        <a href="javascript:void(0);">鞋靴、箱包、钟表、奢侈品</a>
                                    </strong>
                                    <span>
                                        <a href="javascript:void(0);">奢侈品</a>
                                        <a href="javascript:void(0);">功能箱包</a>
                                    </span>
                                </div>

                            </div>
                            <!-- 隐藏的二级导航 -->
                            <div class="categorys-items-layer">
                                <div class="cate-layer-con clearfix">
                                    <!-- 左边 -->
                                    <div class="cate-layer-left fz12">
                                        <div class="cate_channel">
                                            <a href="javascript:void(0);">男鞋</a>
                                            <a href="javascript:void(0);">女鞋</a>
                                            <a href="javascript:void(0);">箱包</a>
                                            <a href="javascript:void(0);">钟表</a>
                                            <a href="javascript:void(0);">奢侈品</a>
                                            <a href="javascript:void(0);">女包</a>
                                        </div>
                                        <!-- 内容 -->
                                        <div class="cate_detail">
                                            <dl class="dl_fore1">
                                                <dt>
                                                    <a href="javascript:void(0);">奢侈品</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">箱包</a>
                                                    <a href="javascript:void(0);">服饰</a>
                                                    <a href="javascript:void(0);">腰带</a>
                                                </dd>
                                            </dl>
                                            <!-- 第二列 -->
                                            <dl class="dl_fore2">
                                                <dt>
                                                    <a href="javascript:void(0);">功能箱包</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">拉杆箱/拉杆包</a>
                                                    <a href="javascript:void(0);">旅行包</a>
                                                    <a href="javascript:void(0);">旅行配件</a>
                                                </dd>
                                            </dl>
                                            <!-- 第三列 -->
                                            <dl class="dl_fore3">
                                                <dt>
                                                    <a href="javascript:void(0);">流行男鞋</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">休闲鞋</a>
                                                    <a href="javascript:void(0);">增高鞋</a>
                                                    <a href="javascript:void(0);">定制鞋</a>
                                                </dd>
                                            </dl>
                                            <!-- 第四列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">时尚女鞋</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">单鞋</a>
                                                    <a href="javascript:void(0);">高跟鞋</a>
                                                    <a href="javascript:void(0);">休闲鞋</a>
                                                </dd>
                                            </dl>
                                            <!-- 第五列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">潮流女包</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">手提包</a>
                                                </dd>
                                            </dl>
                                            <!-- 第六列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">精品男包</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">钱包/卡包</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <!-- 右边 -->
                                    <div class="cate-layer-rihgt">
                                        <div class="cate-brand">
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 第四列 -->
                        <div class="categorys-item">
                            <!-- 列表一级 -->
                            <div class="item item-content">
                                <i class="iconfont icon-ele">&#xe647;</i>
                                <div class="categorys-title">
                                    <strong>
                                        <a href="javascript:void(0);">手机</a>
                                        <a href="javascript:void(0);">数码</a>
                                        <a href="javascript:void(0);">通信</a>
                                    </strong>
                                    <span>
                                        <a href="javascript:void(0);">摄影摄像</a>
                                        <a href="javascript:void(0);">手机通讯</a>
                                    </span>
                                </div>

                            </div>
                            <!-- 隐藏的二级导航 -->
                            <div class="categorys-items-layer">
                                <div class="cate-layer-con clearfix">
                                    <!-- 左边 -->
                                    <div class="cate-layer-left fz12">
                                        <div class="cate_channel">
                                            <a href="javascript:void(0);">手机频道</a>
                                            <a href="javascript:void(0);">网上营业厅</a>
                                            <a href="javascript:void(0);">配件城</a>
                                            <a href="javascript:void(0);">影像Club</a>
                                            <a href="javascript:void(0);">手机社区</a>
                                            <a href="javascript:void(0);">以旧换新</a>
                                        </div>
                                        <!-- 内容 -->
                                        <div class="cate_detail">
                                            <dl class="dl_fore1">
                                                <dt>
                                                    <a href="javascript:void(0);">摄影摄像</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">数码相机</a>
                                                    <a href="javascript:void(0);">单电/微单相机</a>
                                                    <a href="javascript:void(0);">单反相机</a>
                                                    <a href="javascript:void(0);">运动相机</a>
                                                    <a href="javascript:void(0);">摄像机</a>
                                                    <a href="javascript:void(0);">摄影器材</a>
                                                </dd>
                                            </dl>
                                            <!-- 第二列 -->
                                            <dl class="dl_fore2">
                                                <dt>
                                                    <a href="javascript:void(0);">手机通讯</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">手机</a>
                                                    <a href="javascript:void(0);">对讲机</a>
                                                </dd>
                                            </dl>
                                            <!-- 第三列 -->
                                            <dl class="dl_fore3">
                                                <dt>
                                                    <a href="javascript:void(0);">手机配件</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">蓝牙耳机</a>
                                                    <a href="javascript:void(0);">保护套</a>
                                                    <a href="javascript:void(0);">车载</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <!-- 右边 -->
                                    <div class="cate-layer-rihgt">
                                        <div class="cate-brand">
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 第五列 -->
                        <div class="categorys-item">
                            <!-- 列表一级 -->
                            <div class="item item-content">
                                <i class="iconfont icon-ele">&#xe635;</i>
                                <div class="categorys-title">
                                    <strong>
                                        <a href="javascript:void(0);">电脑、办公</a>
                                    </strong>
                                    <span>
                                        <a href="javascript:void(0);">电脑整机</a>
                                        <a href="javascript:void(0);">电脑配件</a>
                                    </span>
                                </div>

                            </div>
                            <!-- 隐藏的二级导航 -->
                            <div class="categorys-items-layer">
                                <div class="cate-layer-con clearfix">
                                    <!-- 左边 -->
                                    <div class="cate-layer-left fz12">
                                        <div class="cate_channel">
                                            <a href="javascript:void(0);">本周热卖</a>
                                            <a href="javascript:void(0);">游戏部落</a>
                                            <a href="javascript:void(0);">智能社区</a>
                                            <a href="javascript:void(0);">GAME+</a>
                                            <a href="javascript:void(0);">装机大师</a>
                                            <a href="javascript:void(0);">办公生活馆</a>
                                        </div>
                                        <!-- 内容 -->
                                        <div class="cate_detail">
                                            <dl class="dl_fore1">
                                                <dt>
                                                    <a href="javascript:void(0);">电脑整机</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">笔记本</a>
                                                    <a href="javascript:void(0);">超级本</a>
                                                    <a href="javascript:void(0);">游戏本</a>
                                                    <a href="javascript:void(0);">平板电脑</a>
                                                    <a href="javascript:void(0);">平板电脑配件</a>
                                                    <a href="javascript:void(0);">台式机</a>
                                                </dd>
                                            </dl>
                                            <!-- 第二列 -->
                                            <dl class="dl_fore2">
                                                <dt>
                                                    <a href="javascript:void(0);">电脑配件</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">硬盘</a>
                                                    <a href="javascript:void(0);">机箱</a>
                                                    <a href="javascript:void(0);">显示器</a>
                                                    <a href="javascript:void(0);">组装电脑</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <!-- 右边 -->
                                    <div class="cate-layer-rihgt">
                                        <div class="cate-brand">
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 第六列 -->
                        <div class="categorys-item">
                            <!-- 列表一级 -->
                            <div class="item item-content">
                                <i class="iconfont icon-ele">&#xe617;</i>
                                <div class="categorys-title">
                                    <strong>
                                        <a href="javascript:void(0);">家居、家具、家装、厨具</a>
                                    </strong>
                                    <span>
                                        <a href="javascript:void(0);">家具</a>
                                        <a href="javascript:void(0);">厨具</a>
                                    </span>
                                </div>

                            </div>
                            <!-- 隐藏的二级导航 -->
                            <div class="categorys-items-layer">
                                <div class="cate-layer-con clearfix">
                                    <!-- 左边 -->
                                    <div class="cate-layer-left fz12">
                                        <div class="cate_channel">
                                            <a href="javascript:void(0);">家装城</a>
                                            <a href="javascript:void(0);">居家日用</a>
                                            <a href="javascript:void(0);">精品家具</a>
                                            <a href="javascript:void(0);">家装建材</a>
                                            <a href="javascript:void(0);">厨房达人</a>
                                            <a href="javascript:void(0);">猫猫狗狗</a>
                                        </div>
                                        <!-- 内容 -->
                                        <div class="cate_detail">
                                            <dl class="dl_fore1">
                                                <dt>
                                                    <a href="javascript:void(0);">家具</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">卧室家具</a>
                                                    <a href="javascript:void(0);">客厅家具</a>
                                                    <a href="javascript:void(0);">书房家具</a>
                                                </dd>
                                            </dl>
                                            <!-- 第二列 -->
                                            <dl class="dl_fore2">
                                                <dt>
                                                    <a href="javascript:void(0);">厨具</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">烹饪锅具</a>
                                                    <a href="javascript:void(0);">刀剪菜板</a>
                                                    <a href="javascript:void(0);">厨房配件</a>
                                                    <a href="javascript:void(0);">餐具</a>
                                                </dd>
                                            </dl>
                                            <!-- 第三列 -->
                                            <dl class="dl_fore3">
                                                <dt>
                                                    <a href="javascript:void(0);">家纺</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">床品套件</a>
                                                    <a href="javascript:void(0);">被子</a>
                                                    <a href="javascript:void(0);">床单被罩</a>
                                                </dd>
                                            </dl>
                                            <!-- 第四列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">生活日用</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">浴室用品</a>
                                                    <a href="javascript:void(0);">缝纫/针织用品</a>
                                                </dd>
                                            </dl>
                                            <!-- 第五列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">生活电器</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">电风扇</a>
                                                    <a href="javascript:void(0);">冷风扇</a>
                                                    <a href="javascript:void(0);">净化器</a>
                                                    <a href="javascript:void(0);">加湿器</a>
                                                    <a href="javascript:void(0);">扫地机器人</a>
                                                    <a href="javascript:void(0);">吸尘器</a>
                                                    <a href="javascript:void(0);">电话机</a>
                                                    <a href="javascript:void(0);">饮水机</a>
                                                    <a href="javascript:void(0);">取暖电器</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <!-- 右边 -->
                                    <div class="cate-layer-rihgt">
                                        <div class="cate-brand">
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 第七列 -->
                        <div class="categorys-item">
                            <!-- 列表一级 -->
                            <div class="item item-content">
                                <i class="iconfont icon-ele">&#xe618;</i>
                                <div class="categorys-title">
                                    <strong>
                                        <a href="javascript:void(0);">个人化妆、清洁用品</a>
                                    </strong>
                                    <span>
                                        <a href="javascript:void(0);">面部护肤</a>
                                        <a href="javascript:void(0);">洗发护发</a>
                                    </span>
                                </div>

                            </div>
                            <!-- 隐藏的二级导航 -->
                            <div class="categorys-items-layer">
                                <div class="cate-layer-con clearfix">
                                    <!-- 左边 -->
                                    <div class="cate-layer-left fz12">
                                        <div class="cate_channel">
                                            <a href="javascript:void(0);">清洁用品</a>
                                            <a href="javascript:void(0);">美妆商城</a>
                                            <a href="javascript:void(0);">官方旗舰店</a>
                                            <a href="javascript:void(0);">美妆特卖</a>
                                            <a href="javascript:void(0);">妆比社</a>
                                            <a href="javascript:void(0);">全球购美妆</a>
                                        </div>
                                        <!-- 内容 -->
                                        <div class="cate_detail">
                                            <dl class="dl_fore1">
                                                <dt>
                                                    <a href="javascript:void(0);">面部护肤</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">清洁</a>
                                                    <a href="javascript:void(0);">洗面奶</a>
                                                    <a href="javascript:void(0);">卸妆水</a>
                                                    <a href="javascript:void(0);">爽肤水</a>
                                                </dd>
                                            </dl>
                                            <!-- 第二列 -->
                                            <dl class="dl_fore2">
                                                <dt>
                                                    <a href="javascript:void(0);">洗发护发</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">洗发</a>
                                                    <a href="javascript:void(0);">染发</a>
                                                    <a href="javascript:void(0);">造型</a>
                                                    <a href="javascript:void(0);">餐具</a>
                                                </dd>
                                            </dl>
                                            <!-- 第三列 -->
                                            <dl class="dl_fore3">
                                                <dt>
                                                    <a href="javascript:void(0);">香水彩妆</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">底妆</a>
                                                    <a href="javascript:void(0);">腮红</a>
                                                    <a href="javascript:void(0);">眼部</a>
                                                    <a href="javascript:void(0);">彩妆套装</a>
                                                    <a href="javascript:void(0);">双眼皮贴</a>
                                                    <a href="javascript:void(0);">气垫BB</a>
                                                </dd>
                                            </dl>
                                            <!-- 第四列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">生活日用</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">浴室用品</a>
                                                    <a href="javascript:void(0);">缝纫/针织用品</a>
                                                </dd>
                                            </dl>
                                            <!-- 第五列 -->
                                            <dl class="dl_fore4">
                                                <dt>
                                                    <a href="javascript:void(0);">生活电器</a>
                                                </dt>
                                                <dd>
                                                    <a href="javascript:void(0);">电风扇</a>
                                                    <a href="javascript:void(0);">冷风扇</a>
                                                    <a href="javascript:void(0);">净化器</a>
                                                    <a href="javascript:void(0);">加湿器</a>
                                                    <a href="javascript:void(0);">扫地机器人</a>
                                                    <a href="javascript:void(0);">吸尘器</a>
                                                    <a href="javascript:void(0);">电话机</a>
                                                    <a href="javascript:void(0);">饮水机</a>
                                                    <a href="javascript:void(0);">取暖电器</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <!-- 右边 -->
                                    <div class="cate-layer-rihgt">
                                        <div class="cate-brand">
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej1.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej6.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej7.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:void(0);">
                                                    <img src="../commonImg/ej8.jpg" alt="">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 链接跳转 -->
            <div class="nav-main">
                <ul class="navitems" style="font-size: 16px;">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./Beauty.html" class="curr">个护美妆</a>
                    </li>
                    <li>
                        <a href="./clothing.html">服装城</a>
                    </li>
                    <li>
                        <a href="./appliances.html">家用电器</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">鞋靴箱包</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">聚划算</a>
                    </li>
                    <li>
                        <a href="./yushou.html">预售</a>
                    </li>
                    <li>
                        <a href="./DianpuSteet.html">店铺街</a>
                    </li>
                    <li>
                        <a href="./brandZone.html">品牌专区</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">公告</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 热门推荐 -->
    <div class="hot">
        <div class="hot-nav w w1390">
            <div class="hatsale-mt">
                热门推荐
            </div>
            <div class="bd">
                <ul>
                    <li>
                        <div class="item">
                            <div class="p-img">
                                <a href="./details.html#0beautyData/mianpic" target="_blank">
                                    <img src="../commonImg/Beauty-mei1.jpg" alt="">
                                </a>
                            </div>
                            <div class="p-name">
                                <a href="./details.html#0beautyData/mianpic" title="宝姿美宝莲 顺滑恒久眉笔流畅线条 利落型眉 可长久持妆 新品上市 流畅线条 利落型眉 长效持妆" target="_blank">宝姿美宝莲
                                    顺滑恒久眉笔流畅线条 利落型眉 可长久持妆 新品上市 流畅线条 利落型眉 长效持妆</a>
                            </div>
                            <div class="p-price">
                                ￥100.00
                            </div>
                            <div class="p-btn">
                                <a href="./details.html#0beautyData/mianpic">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="p-img">
                                <a href="./details.html#0beautyData/mianpic" target="_blank">
                                    <img src="../commonImg/Beauty-mei2.jpg" alt="">
                                </a>
                            </div>
                            <div class="p-name">
                                <a href="javascript:void(0);" title="宝姿美宝莲 顺滑恒久眉笔流畅线条 利落型眉 可长久持妆 新品上市 流畅线条 利落型眉 长效持妆" target="_blank">宝姿美宝莲
                                    顺滑恒久眉笔流畅线条 利落型眉 可长久持妆 新品上市 流畅线条 利落型眉 长效持妆</a>
                            </div>
                            <div class="p-price">
                                ￥0.01
                            </div>
                            <div class="p-btn">
                                <a href="javascript:void(0);">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="p-img">
                                <a href="./details.html#0beautyData/mianpic" target="_blank">
                                    <img src="../commonImg/Beauty-mei3.jpg" alt="">
                                </a>
                            </div>
                            <div class="p-name">
                                <a href="./details.html#0beautyData/mianpic" title="宝姿美宝莲 顺滑恒久眉笔流畅线条 利落型眉 可长久持妆 新品上市 流畅线条 利落型眉 长效持妆" target="_blank">宝姿美宝莲
                                    顺滑恒久眉笔流畅线条 利落型眉 可长久持妆 新品上市 流畅线条 利落型眉 长效持妆</a>
                            </div>
                            <div class="p-price">
                                ￥100.00
                            </div>
                            <div class="p-btn">
                                <a href="javascript:void(0);">立即购买</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <div class="p-img">
                                <a href="./details.html#0beautyData/mianpic" target="_blank">
                                    <img src="../commonImg/Beauty-mei4.jpg" alt="">
                                </a>
                            </div>
                            <div class="p-name">
                                <a href="javascript:void(0);" title="宝姿美宝莲 顺滑恒久眉笔流畅线条 利落型眉 可长久持妆 新品上市 流畅线条 利落型眉 长效持妆" target="_blank">宝姿美宝莲
                                    顺滑恒久眉笔流畅线条 利落型眉 可长久持妆 新品上市 流畅线条 利落型眉 长效持妆</a>
                            </div>
                            <div class="p-price">
                                ￥100.00
                            </div>
                            <div class="p-btn">
                                <a href="javascript:void(0);">立即购买</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 选择部分 -->
    <div class="select">
        <div class="crumbs-nav w w1390">
            <div class="clearfix">
                <div class="crumbs-nav-item">
                    <div class="menu-drop menu-drop-open">
                        <div class="trigger">
                            <a href="javascript:void(0);"><span>个人化妆，清洁用品</span></a>
                            <span class="iconfont">&#xe600;</span>
                        </div>
                        <div class="menu-drop-main">
                            <ul>
                                <li><a href="javascript:void(0);">面部护肤</a></li>
                                <li><a href="javascript:void(0);">洗发护发</a></li>
                                <li><a href="javascript:void(0);">香水彩妆</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="container" style="overflow: hidden;">
        <!-- 品牌部份 -->
        <div class="brand">
            <div class="brand-con  w w1390">
                <div class="xv">
                    <div class="brand-warp">
                        <div class="brand-le">
                            品牌:
                        </div>
                        <div class="brand-cen">
                            <div class="warp-brand">
                                <ul>
                                    <li>
                                        <a href="javascript:void(0);">
                                            <img src="../commonImg/mei-pin1.jpg" alt="justyle" title="justyle">
                                            <span>justyle</span>
                                        </a>

                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">
                                            <img src="../commonImg/mei-pin2.jpg" alt="宝姿" title="宝姿">
                                            <span>宝姿</span>
                                        </a>

                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">
                                            <img src="../commonImg/mei-pin3.jpg" alt="皮克朋" title="皮克朋">
                                            <span>皮克朋</span>
                                        </a>

                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">
                                            <img src="../commonImg/mei-pin4.jpg" alt="NINE WEST" title="NINE WEST">
                                            <span>NINE WEST</span></a>

                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">
                                            <img src="../commonImg/mei-pin5.jpg" alt="飞利浦" title="飞利浦"><span>飞利浦</span>
                                        </a>

                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">
                                            <img src="../commonImg/mei-pin6.jpg" alt="麦斯威尔" title="麦斯威尔">
                                            <span>麦斯威尔</span>
                                        </a>

                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">
                                            <img src="../commonImg/mei-pin7.jpg" alt="小米" title="小米">
                                            <span>小米</span>
                                        </a>

                                    </li>
                                    <li>
                                        <a href="javascript:void(0);"><img src="../commonImg/mei-pin8.jpg" alt="佳沪数码-华为" title="佳沪数码-华为">
                                            <span>佳沪数码-华为</span>
                                        </a>

                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="brand-con-1">
                            <ul class="brand-con-a">
                                <li class="cur">所有品牌</li>
                                <li>A</li>
                                <li>B</li>
                                <li>C</li>
                                <li>D</li>
                                <li>E</li>
                                <li>F</li>
                                <li>G</li>
                                <li>H</li>
                                <li>I</li>
                                <li>J</li>
                                <li>K</li>
                                <li>L</li>
                                <li>M</li>
                                <li>N</li>
                                <li>O</li>
                                <li>P</li>
                                <li>Q</li>
                                <li>R</li>
                                <li>S</li>
                                <li>T</li>
                                <li>U</li>
                                <li>V</li>
                                <li>W</li>
                                <li>X</li>
                                <li>Y</li>
                                <li>Z</li>
                                <li>其他</li>
                            </ul><br>
                            <ul class="brand-con-b">
                                <li> justyle</li>
                                <li> 宝姿</li>
                                <li> 皮克朋</li>
                                <li> NINE WEST</li>
                                <li> 飞利浦</li>
                                <li> 麦斯威尔</li>
                                <li> 小米</li>
                                <li> 加护数码-华为</li>
                            </ul>
                            <div class="brand-con-d"><span>关闭</span></div>
                        </div>
                        <div class="brand-ri">
                            <div class="iconfont"><a href="javascript:void(0);">&#xe600;</a></div>
                            <div class="iconfont icon-plus"><a href="javascript:void(0);">&#xe715;多选</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 价格排序部分 -->
        <div class="filter w w1390">
            <div class="filter-warp">
                <!-- 选择顺序的部分 -->
                <div class="filter-sort">
                    <a href="javascript:void(0);" class="cull" id="mo">默认 <i class="iconfont">&#xe76d;</i></a>
                    <a href="javascript:void(0);" id="xiao">销量 <i class="iconfont">&#xe76c;</i></a>
                    <a href="javascript:void(0);" id="pin">新品 <i class="iconfont">&#xe76c;</i></a>
                    <a href="javascript:void(0);" id="ping">评论数 <i class="iconfont">&#xe76c;</i></a>
                    <a href="javascript:void(0);" id="jia">价格 <i class="iconfont">&#xe76c;</i></a>
                </div>
                <!-- 价格筛选及服务选择的部分 -->
                <div class="filter-range">
                    <!-- 筛选价格部分 -->
                    <div class="fprice">
                        <div class="fp-box">
                            <input type="text" placeholder="￥" name="tiny" class="f-text" id="tiny">
                            <span>~</span>
                            <input type="text" placeholder="￥" name="huge" class="f-text" id="huge">
                        </div>
                        <div class="fP-expand">
                            <a href="javascript:void(0);" class="qing">清空</a>
                            <a href="javascript:void(0);" class="que">确定</a>
                        </div>
                        <!-- 如果左边价格大于右边价格出现的情况 -->
                        <div class="cuow">
                            <div class="cuo">
                                <div class="wu">
                                    <div class="cuo-top"><span>提示</span> <span class="r"></span></div>
                                    <div class="cuo-con">
                                        <div class="wu-con">
                                            <div class="m-con">
                                            </div>
                                            <div class="con-cuo">
                                                <h3>左边价格不能大于或等于右边价格</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 进行服务选择的部分 -->
                    <div class="fcheckbox">
                        <div class="fcheckbox-items">
                            <div class="fcheckbox-item">
                                <ul>
                                    <li class="checkbox_item">
                                        <input type="checkbox" name="fk-type" class="ul-checkbox-11" value id="ul-checkbox">
                                        <label class="ul-lable" for="ul-checkbox">包邮</label>
                                    </li>
                                    <li class="checkbox_item">
                                        <input type="checkbox" name="fk-type" class="ul-checkbox-22" value id="ul-checkbox">
                                        <label class="ul-lable" for="ul-checkbox">自营</label>
                                    </li>
                                    <li class="checkbox_item">
                                        <input type="checkbox" name="fk-type" class="ul-checkbox-33" value id="ul-checkbox">
                                        <label class="ul-lable" for="ul-checkbox">仅显示有货</label>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 翻页部分及大小图部分 -->
                <div class="filter-right">
                    <div class="button-page">
                        <span>1/1</span>
                        <a href="javascript:void(0);" title="上一页"><i class="iconfont">&#xe609;</i></a>
                        <a href="javascript:void(0);" title="下一页"><i class="iconfont">&#xe637;</i></a>
                    </div>
                    <div class="styles">
                        <ul>
                            <li class="max"><a href="javascript:void(0);" title="大图模式" class="an current"><i
                                        class="iconfont">&#xe603;</i>大图</a></li>
                            <li class="min"><a href="javascript:void(0);" title="小图模式" class="an"><i
                                        class="iconfont da">&#xe6a9;</i>小图</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="view w">
            <div class="w w1390">
                <div class="w1417 w">
                    <!-- 大小图展示区 -->
                    <div class="goods-list">
                        <!-- 表单，在里面书写商品的价格以及信息 -->
                        <form action="" name="compare" method="post" onsubmit="" class="goodslist">
                            <div class="goods-warp">
                                <ul class="big">

                                </ul>
                                <ul class="small">
                                    <li class="gl-l-item">
                                        <div class="gl-warp">
                                            <div class="col col-1">
                                                <div class="p-img">
                                                    <a href="javascript:void(0);"><img src="../commonImg/Beauty-mei2.jpg" alt=""></a>
                                                </div>
                                                <div class="p-right">
                                                    <div class="p-name">
                                                        <a href="javascript:void(0);" title="
                                                        麦斯威尔杰威尔发胶定型喷雾男士干胶头发持久定型造型啫喱水发蜡蓬松清香 快速定型，蓬松清香，不起白屑，
    ">
                                                            麦斯威尔杰威尔发胶定型喷雾男士干胶头发持久定型造型啫喱水发蜡蓬松清香 快速定型，蓬松清香，不起白屑，
                                                        </a>
                                                    </div>
                                                    <div class="p-lie">
                                                        <div class="p-num">销量：5</div>
                                                        <div class="p-comm">评价：1</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col col-2">
                                                <div class="p-store">
                                                    <a href="javascript:void(0)" title="商创自营" class="store">商创自营</a>
                                                    <a href="javascript:void(0)" id="ke" class="p-ke"><i
                                                            class="iconfont h">&#xe62d;</i></a>
                                                </div>
                                            </div>
                                            <div class="col col-3">
                                                <div class="p-price">
                                                    <div class="shop-price">
                                                        ￥0.01
                                                    </div>
                                                    <div class="original-price">
                                                        0.001
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col col-4">
                                                <div class="p-operate">
                                                    <a href="javascript:void(0)" class="hui">
                                                        <input type="text" name="duibi" class="ui-checkbox">
                                                        <label for=""> 对比</label>
                                                    </a>
                                                    <a href="javascript:void(0)" class="xin"><i
                                                            class="iconfont zuo">&#xe607;</i>收藏</a>
                                                    <a href="javascript:void(0)" class="gou"><i
                                                            class="iconfont">&#xe63f;</i>加入购物车</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </form>
                    </div>
                    <!-- 广告推广区 -->
                    <div class="goods-spread">
                        <a href="javascript:void(0);" class="g-stop">
                            <i class="iconfont f30">&#xe637;</i>
                        </a>
                        <div class="gs-warp">
                            <div class="gs-tit">推广商品</div>
                            <ul class="gs-list">
                                <li class="opacity">
                                    <div>
                                        <div class="p-img">
                                            <a href="javascript:void(0);">
                                                <img src="../commonImg/Beauty-mei2.jpg" width="190" height="190">
                                            </a>
                                        </div>
                                        <div class="p-price">￥0.01</div>
                                        <div class="p-name"><a href="javascript:void(0);" title="麦斯威尔杰威尔发胶定型喷雾男士干胶头发持久定型造型啫喱水发蜡蓬松清香 快速定型，蓬松清香，不起白屑，">麦斯威尔杰威尔发胶定型喷雾男士干胶头发持久定型造型啫喱水发蜡蓬松清香
                                                快速定型，蓬松清香，不起白屑，</a></div>
                                        <div class="p-num">已售<span>5</span>件</div>
                                    </div>
                                </li>
                                <li>
                                    <div></div>
                                </li>
                                <li>
                                    <div></div>
                                </li>
                                <li>
                                    <div></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="chu"></div>
        <div class="getgoods">
            <div class="w w1390 guess-love">
                <div class="ftit">
                    <h3>猜你喜欢</h3>
                </div>
                <div class="gl-list">
                    <ul class="cai">
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧边购物车 -->
    <div class="mui-mbar-tabs">
        <div class="quick_links_wrap" style="width: 40px;">
            <div class="quick_link_mian">
                <!-- 购物栏 提示 -->
                <div class="quick_links_panel">
                    <div class="quick_links">
                        <ul class="fz12">
                            <!-- 个人信息li -->
                            <li>
                                <a href="javascript:void(0);">
                                    <i class="setting"></i>
                                </a>
                                <div class="ibar_login_box status_login">
                                    <div class="avatar_box">
                                        <p class="avatar_imgbox">
                                            <img src="../commonImg/touxiang.jpg" alt="">
                                        </p>
                                        <ul class="user_info fz12">
                                            <li>用户名：暂无</li>
                                            <li>级 别：暂无</li>
                                        </ul>
                                    </div>
                                    <div class="login_btnbox">
                                        <a href="javascript:void(0);" class="login_order">我的订单</a>
                                        <a href="javascript:void(0);" class="login_favorite">我的收藏</a>
                                    </div>
                                    <!-- 小箭头 -->
                                    <i class="icon_arrow_white"></i>
                                </div>
                            </li>
                            <!-- 购物车li -->
                            <li id="shopCart">
                                <a href="javascript:void(0);" class="cart_list">
                                    <i class="message"></i>
                                    <div class="span">购物车</div>
                                    <span class="cart_num">0</span>
                                </a>
                            </li>
                            <!-- 我的订单 -->
                            <li>
                                <a href="javascript:void(0);" class="mpbtn_order">
                                    <i class="chongzhi"></i>
                                </a>
                                <div class="mp_tooltip">
                                    <div class="mpbtn_money">我的订单</div>
                                    <i class="icon_arrow_right_black"></i>
                                </div>
                            </li>
                            <!-- 我的资产 -->
                            <li>
                                <a href="javascript:void(0);" class="mpbtn_yhq">
                                    <i class="yhq"></i>
                                </a>
                                <div class="mp_tooltip">
                                    <div class="mpbtn_money">优惠券</div>
                                    <i class="icon_arrow_right_black"></i>
                                </div>
                            </li>
                            <!-- 我的足迹 -->
                            <li>
                                <a href="javascript:void(0);" class="mpbtn_history">
                                    <i class="zuji"></i>
                                </a>
                                <div class="mp_tooltip">
                                    <div class="mpbtn_money">我的足迹</div>
                                    <i class="icon_arrow_right_black"></i>
                                </div>
                            </li>
                            <!-- 我的收藏 -->
                            <li>
                                <a href="javascript:void(0);" class="mpbtn_collection">
                                    <i class="wdsc"></i>
                                </a>
                                <div class="mp_tooltip">
                                    <div class="mpbtn_money">我的收藏</div>
                                    <i class="icon_arrow_right_black"></i>
                                </div>
                            </li>
                            <!-- 邮箱订阅 -->
                            <li>
                                <a href="javascript:void(0);" class="mpbtn_email">
                                    <i class="email"></i>
                                </a>
                                <div class="mp_tooltip">
                                    <div class="mpbtn_money">邮箱订阅</div>
                                    <i class="icon_arrow_right_black"></i>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- 客服顶部 -->
                    <div class="quick_toggle quick_links_allow_gotop">
                        <ul>
                            <li>
                                <a href="javascript:void(0);">
                                    <i class="kfzx"></i>
                                </a>
                                <div class="mp_tooltip">
                                    客服中心
                                    <i class="icon_arrow_right_black"></i>
                                </div>
                            </li>
                            <!-- 回到顶部 -->
                            <li class="returnTop">
                                <a href="javascript:void(0);">
                                    <i class="top"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 购物页面展示内容 -->
                <div class="quick_links_pop">
                    <!-- 关闭按钮 和提示栏 -->
                    <a href="javascript:void(0);" class="ibar_closebtn"></a>
                    <div class="ibar_plugin_title">
                        <h3>购物车</h3>
                    </div>
                    <div class="pop_panel">
                        <div class="tbar-panel-main" style="height: 905px;">
                            <div class="ibar_plugin_content">
                                <!-- 没有内容的时候显示 -->
                                <div class="tbar-panel-content">
                                    <div class="ibar_cart_group ibar_cart_product">
                                        <!-- 没有商品的时候 显示这个 -->
                                        <!-- <div class="ecs-tbar-tipbox2">
                                            <div class="tip-inner">
                                                <b class="b-face-fd"></b>
                                                <div class="tip-text">
                                                    购物车空空的，赶快去挑选心仪的商品吧~
                                                    <br>
                                                    <a href="javascript:viod(0);">去首页看看</a>
                                                </div>
                                            </div>
                                        </div> -->
                                        <!-- 有商品的时候添加这个 -->
                                        <ul>
                                            <li class="cart_item">
                                                <!-- 商品的图片 -->
                                                <div class="cart_item_pic">
                                                    <a href="javascript:void(0);">
                                                        <img src="../commonImg/0_thumb_G_1489104534699.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="cart_item_desc">
                                                    <!-- 商品的名字 -->
                                                    <a href="javascript:void(0);" class="cart_item_name">
                                                        飞利浦美宝莲绝色持久唇膏 粉红警报 魅惑炫亮润泽 唇彩口红
                                                    </a>
                                                    <div class="lie">
                                                        <div class="cart_item_price">
                                                            <span class="cart_price">300.00</span>
                                                        </div>
                                                        <!-- 删除按钮 -->
                                                        <div class="delete_cart">
                                                            <a href="javascript:void(0);">删除</a>
                                                        </div>
                                                    </div>
                                                    <!-- 数量 -->
                                                    <div class="p-number">
                                                        <a href="javascript:void(0)" class="count-remove">
                                                            <em class="iconfont icon-reduce">&#xe613;</em>
                                                        </a>
                                                        <span class="num">1</span>
                                                        <a href="javascript:void(0);" class="count-add">
                                                            <em class="iconfont icon-dsc-plus">&#xe715;</em>
                                                        </a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="cart_item last">
                                                <!-- 商品的图片 -->
                                                <div class="cart_item_pic">
                                                    <a href="javascript:void(0);">
                                                        <img src="../commonImg/0_thumb_G_1489104534699.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="cart_item_desc">
                                                    <!-- 商品的名字 -->
                                                    <a href="javascript:void(0);" class="cart_item_name">
                                                        飞利浦美宝莲绝色持久唇膏 粉红警报 魅惑炫亮润泽 唇彩口红
                                                    </a>
                                                    <div class="lie">
                                                        <div class="cart_item_price">
                                                            <span class="cart_price">300.00</span>
                                                        </div>
                                                        <!-- 删除按钮 -->
                                                        <div class="delete_cart">
                                                            <a href="javascript:void(0);">删除</a>
                                                        </div>
                                                    </div>
                                                    <!-- 数量 -->
                                                    <div class="p-number">
                                                        <a href="javascript:void(0)" class="count-remove">
                                                            <em class="iconfont icon-reduce">&#xe613;</em>
                                                        </a>
                                                        <span class="num">1</span>
                                                        <a href="javascript:void(0);" class="count-add">
                                                            <em class="iconfont icon-dsc-plus">&#xe715;</em>
                                                        </a>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- 结算栏 -->
                                <div class="cart_handler">
                                    <div class="cart_handler_header">
                                        <!-- 商品数目 -->
                                        <span class="cart_handler_left">
                                            共<span class="cart_num red">0</span>件商品
                                        </span>
                                        <span class="cart_handler_right">¥0.00</span>
                                    </div>
                                    <a href="javascript:void(0);" class="cart_go_btn">去购物车结算</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bottom">
        <div class="bt">
            <div class="pic">
                <i></i>
                <span>七天包退</span>
            </div>
            <div class="pic">
                <i class="i-1"></i>
                <span>正品保障</span>
            </div>
            <div class="pic">
                <i class="i-2"></i>
                <span>好评如潮</span>
            </div>
            <div class="pic">
                <i class="i-3"></i>
                <span>闪电发货</span>
            </div>
            <div class="pic">
                <i class="i-4"></i>
                <span>权威荣誉</span>
            </div>

            <div class="pic p">
                <i class="i-6"></i>
                <span>权威荣誉</span>
            </div>
            <div class="pic p1">
                <i class="i-5"></i>
                <span>4001-021-758</span>
            </div>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="footer">
        <!-- 上部 -->
        <div class="footer-t">
            <ul>
                <h3>新手上路</h3>
                <li><a href="javascript:;">售后流程</a></li>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">订购方式</a></li>
            </ul>
            <ul>
                <h3>配送与支付 </h3>
                <li><a href="javascript:;">货到付款区域</a></li>
                <li><a href="javascript:;">配送支付智能查询</a></li>
                <li><a href="javascript:;">支付方式说明</a></li>
            </ul>
            <ul>
                <h3>服务保证 </h3>
                <li><a href="javascript:;">退换货原则</a></li>
                <li><a href="javascript:;">售后服务保证</a></li>
                <li><a href="javascript:;">产品质量保证 </a> </li>
            </ul>
            <ul>
                <h3>联系我们 </h3>
                <li><a href="javascript:;">网站故障报告</a></li>
                <li><a href="javascript:;">选机咨询 </a> </li>
                <li><a href="javascript:;">投诉与建议 </a> </li>
            </ul>
            <ul>
                <h3>会员中心</h3>
                <li><a href="javascript:;">资金管理</a></li>
                <li><a href="javascript:;">我的收藏</a></li>
                <li><a href="javascript:;">我的订单</a></li>
            </ul>
            <div class="footer-t-r">
                <div class="left">
                    <div class="img"><img src="../commonImg/ecjia_qrcode.jpg" alt=""></div>
                    <p>关注微信</p>
                </div>
                <div class="right">
                    <div class="img"><img src="../commonImg/ectouch_qrcode.jpg" alt=""></div>
                    <p>下载app</p>
                </div>
            </div>
        </div>
        <!-- 下部 -->
        <div class="footer-b">
            <div class="footer-b-c">
                <ul>
                    <li><a href="javascript:;">首页</a></li>
                    <span></span>
                    <li><a href="javascript:;">隐私保护</a></li>
                    <span></span>
                    <li><a href="javascript:;">联系我们</a></li>
                    <span></span>
                    <li><a href="javascript:;">免责条款</a></li>
                    <span></span>
                    <li><a href="javascript:;">公司简介</a></li>
                    <span></span>
                    <li><a href="javascript:;">商家入驻</a></li>
                    <span></span>
                    <li><a href="javascript:;">供应商入驻</a></li>
                    <span></span>
                    <li><a href="javascript:;">供应商入驻</a></li>
                </ul>
                <ul class="sec">
                    <li><a href="javascript:;">b2b2c</a> </li>
                    <span></span>
                    <li><a href="javascript:;">多用户商城系统</a></li>
                    <span></span>
                    <li><a href="javascript:;">商城系统</a></li>
                    <span></span>
                    <li><a href="javascript:;">ecjia新零售</a></li>
                </ul>
                <div class="copy">
                    <i>ICP备案证书号:</i>
                    <i class="i"><a href="javascript:;">沪ICP备14029880号-5</a></i>
                </div>
                <p><a href="javascript:;">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a></p>
            </div>
        </div>
    </div>
    <!-- 对比栏 -->
    <div class="lan">
        <div class="lan-top">对比栏</div>
        <div class="lan-con">
            <div class="lan-con-a">
                <dl>
                    <dt><a href=""></a></dt>
                    <dd>
                        <a href=""></a>
                        <div class="p-org">
                            <span class="p-price"> </span>
                            <div class="del-comp-item">删除</div>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <h1>2</h1>
                    </dt>
                    <dd>
                        <div class="ts">您还可以继续添加</div>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <h1>3</h1>
                    </dt>
                    <dd>
                        <div class="ts">您还可以继续添加</div>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <h1>4</h1>
                    </dt>
                    <dd>
                        <div class="ts">您还可以继续添加</div>
                    </dd>
                </dl>
            </div>
            <div class="lan-con-b">
                <div class="cang">隐藏</div>
                <div class="cang-a"><a href="javascript:void(0);">对比</a></div>
                <div class="cang-b"><a href="javascript:void(0);">清空对比栏</a></div>
            </div>
        </div>
    </div>
    <div class="yanzheng">
        <div class="denglu pd">
            <div class="pd-top">
                <div class="pd-le">您尚未登陆！</div>
                <div class="pd-x">X</div>
            </div>
            <div class="pd-con">
                <div class="pd-con-con">
                    <div class="coagent">
                        <div class="tit">
                            <h3>用第三方账号直接登录</h3>
                            <span></span>
                        </div>
                        <div class="qq">
                            <a href="javascript:void(0);">
                                <b class="qq-ion"></b>
                            </a>
                        </div>
                        <div class="coagent-con">
                            <div class="tit">
                                <h3>账号登陆</h3>
                                <span></span>
                            </div>
                            <div class="form">
                                <form action="">
                                    <div class="form-a">
                                        <div class="form-a-1">
                                            <i class="iconfont icoa">&#xe7fd;</i>
                                            <input type="text" name="" id="" placeholder="用户名/邮箱/手机" class="text">
                                        </div>
                                    </div>
                                    <div class="form-a">
                                        <div class="form-a-1">
                                            <i class="iconfont icoa">&#xe626;</i>
                                            <input type="text" name="" id="" placeholder="密码" class="text">
                                        </div>
                                    </div>
                                    <div class="form-a">
                                        <div class="form-a-1 ma">
                                            <i class="iconfont icoa">&#xe604;</i>
                                            <input type="text" name="" id="" placeholder="验证码" class="text">
                                            <img class="ma-a" src="" alt="">
                                        </div>
                                    </div>
                                    <div class="form-a">
                                        <i class="iconfont icoa">&#xe604;</i>
                                        <label class="ul-label">
                                            请保存我这次的登录信息。
                                        </label>
                                    </div>
                                    <div class="form-a">
                                        <div class="form-a-1">
                                            <input type="submit" value="登 录" class="jieshu">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<!-- 引入的外部js样式 -->
<script src="../js/Beauty.js"></script>

</html>